.security-level-box{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 25px;
}
.security-level{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 100%;
}
.current-level{
    width: 100%;
    height: 5px;
    background: #ccc;
}
.weak{
    background: #e42727;
}
.secondary{
    background: #ffa500;
}
.strong{
    background: #008000;
}